@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
    --or:        #FF6B00;
    --or-deep:   #C94E00;
    --or-lt:     #FF8C33;
    --or-pale:   #FFF4EC;
    --or-glow:   rgba(255,107,0,.15);
    --black:     #0A0A0A;
    --ink:       #1A1A1A;
    --ink-2:     #2E2E2E;
    --white:     #FFFFFF;
    --smoke:     #F7F7F5;
    --page-bg:   #EEF1F4;
    --mist:      #EEEEEC;
    --border:    #E5E5E3;
    --gray:      #6B6B6B;
    --gray-lt:   #AAAAAA;
    --green:     #16a34a;
    --blue:      #2563eb;
    --red:       #ef4444;
    --red-dis:   #C0392B;
    --r-sm:      8px;
    --r-md:      12px;
    --r-xl:      22px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'DM Sans',sans-serif; background:var(--page-bg); color:var(--black); -webkit-font-smoothing:antialiased; }
img  { max-width:100%; display:block; }
a    { text-decoration:none; color:inherit; }


/* ══════════════════════════════════════════════════════════
   PAGE HEADER
══════════════════════════════════════════════════════════ */
.pl-header {
    position:relative;
    background:var(--black);
    overflow:hidden;
    padding:48px 40px 52px;
}
.pl-header-bg { position:absolute; inset:0; background:radial-gradient(ellipse 80% 70% at 10% 0%,#1e0900 0%,var(--black) 62%); }
.pl-glow { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; }
.pl-glow-1 { width:560px; height:440px; top:-220px; left:-80px; background:radial-gradient(circle,rgba(255,107,0,.22) 0%,transparent 65%); }
.pl-glow-2 { width:320px; height:300px; bottom:-130px; right:6%; background:radial-gradient(circle,rgba(255,107,0,.09) 0%,transparent 65%); }
.pl-grid-overlay { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:44px 44px; pointer-events:none; }
.pl-header-inner { position:relative; z-index:2; max-width:1100px; margin:0 auto; }

.pl-brand-row { display:flex; align-items:center; gap:13px; margin-bottom:16px; }
.pl-logo { height:44px; width:auto; object-fit:contain; flex-shrink:0; filter:brightness(0) invert(1); }
.pl-brand-text { display:flex; flex-direction:column; gap:3px; padding-left:13px; border-left:1.5px solid rgba(255,255,255,.12); }
.pl-brand-name { font-family:'Figtree',sans-serif; font-size:1.22rem; font-weight:800; color:var(--white); letter-spacing:-.022em; line-height:1; }
.pl-brand-name em { font-style:normal; color:var(--or); }
.pl-brand-tag { font-size:.63rem; font-weight:600; color:rgba(255,255,255,.35); text-transform:uppercase; letter-spacing:.1em; }

.pl-breadcrumb { display:flex; align-items:center; gap:7px; font-size:.74rem; color:rgba(255,255,255,.35); margin-bottom:20px; }
.pl-breadcrumb svg { width:9px; height:9px; }
.pl-bc-link { color:var(--or-lt); font-weight:600; }
.pl-bc-link:hover { text-decoration:underline; }
.pl-breadcrumb span { color:rgba(255,255,255,.5); }

.pl-header-content { display:grid; grid-template-columns:1fr 240px; gap:40px; align-items:center; }
.pl-page-title { font-family:'Figtree',sans-serif; font-size:clamp(1.7rem,3.2vw,2.7rem); font-weight:900; color:var(--white); letter-spacing:-.046em; line-height:1.07; margin-bottom:12px; }
.pl-title-accent { background:linear-gradient(90deg,var(--or),var(--or-lt)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.pl-page-desc { font-size:.83rem; color:rgba(255,255,255,.42); line-height:1.7; margin-bottom:8px; max-width:560px; }
.pl-page-desc:last-of-type { margin-bottom:18px; }

.pl-trust-pills { display:flex; flex-wrap:wrap; gap:8px; }
.pl-trust-pill { display:inline-flex; align-items:center; gap:5px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:100px; padding:5px 12px; font-size:.68rem; font-weight:600; color:rgba(255,255,255,.6); }
.pl-trust-pill svg { width:11px; height:11px; color:var(--or-lt); }

.pl-header-thumb { position:relative; display:flex; align-items:center; justify-content:center; }
.pl-thumb-glow { position:absolute; inset:0; background:radial-gradient(circle,rgba(255,107,0,.15) 0%,transparent 70%); filter:blur(24px); }
.pl-thumb-img { height:160px; width:auto; object-fit:contain; position:relative; z-index:1; filter:drop-shadow(0 8px 24px rgba(0,0,0,.5)); transition:transform .4s ease; }
.pl-header-thumb:hover .pl-thumb-img { transform:translateY(-6px) scale(1.03); }


/* ══════════════════════════════════════════════════════════
   DESKTOP FILTER BAR
══════════════════════════════════════════════════════════ */
.pl-filters-bar {
    background:var(--white);
    border-bottom:1px solid var(--border);
    position:sticky; top:0; z-index:100;
    transition:box-shadow .2s;
}
.pl-filters-bar--stuck { box-shadow:0 2px 16px rgba(0,0,0,.08); }

.pl-filters-inner {
    max-width:1100px; margin:0 auto;
    padding:10px 24px;
    display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.pl-filters-left, .pl-filters-right { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }

.pl-filter-btn {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 14px;
    background:var(--white); border:1.5px solid var(--border);
    border-radius:100px;
    font-family:'DM Sans',sans-serif; font-size:.79rem; font-weight:600; color:var(--gray);
    cursor:pointer; white-space:nowrap;
    transition:border-color .15s,color .15s,background .15s;
}
.pl-filter-btn:hover { border-color:#bbb; color:var(--ink); }
.pl-filter-btn--active { border-color:var(--or); color:var(--or); background:var(--or-pale); font-weight:700; }
.pl-filter-btn--more { color:var(--ink-2); }
.pl-sort-active { border-color:var(--black); background:var(--black); color:var(--white); }
.pl-sort-active:hover { border-color:var(--ink-2); background:var(--ink-2); color:var(--white); }
.pl-sort-btn { padding:7px 10px; }
.pl-chev { width:10px; height:10px; transition:transform .2s; flex-shrink:0; }

/* Mobile filter bar — hidden on desktop */
.pl-filters-mobile { display:none; }


/* ══════════════════════════════════════════════════════════
   MOBILE FILTER DRAWER (slide up from bottom)
══════════════════════════════════════════════════════════ */
.pl-filter-drawer-overlay {
    display:none;
    position:fixed; inset:0; z-index:500;
    background:rgba(0,0,0,.45);
    animation:fadeIn .2s ease;
}
.pl-filter-drawer-overlay.pl-drawer--open { display:block; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

.pl-filter-drawer {
    position:fixed; bottom:0; left:0; right:0; z-index:501;
    background:var(--white);
    border-radius:20px 20px 0 0;
    max-height:80vh;
    overflow-y:auto;
    transform:translateY(100%);
    transition:transform .3s cubic-bezier(.32,.72,0,1);
    box-shadow:0 -8px 40px rgba(0,0,0,.18);
}
.pl-filter-drawer.pl-drawer--open { transform:translateY(0); }

.pl-drawer-handle { display:flex; justify-content:center; padding:12px 0 4px; }
.pl-drawer-handle-bar { width:36px; height:4px; background:var(--border); border-radius:4px; }

.pl-drawer-header {
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 20px 16px;
    border-bottom:1px solid var(--border);
}
.pl-drawer-title { font-family:'Figtree',sans-serif; font-size:1rem; font-weight:800; color:var(--ink); }
.pl-drawer-close {
    width:32px; height:32px;
    background:var(--smoke); border:none; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; color:var(--gray);
    transition:background .14s;
}
.pl-drawer-close svg { width:14px; height:14px; }
.pl-drawer-close:hover { background:var(--border); }

.pl-drawer-body { padding:8px 0 12px; }

.pl-drawer-filter {
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 20px;
    border-bottom:1px solid var(--border);
    cursor:pointer;
    transition:background .12s;
}
.pl-drawer-filter:last-child { border-bottom:none; }
.pl-drawer-filter:hover { background:var(--smoke); }
.pl-drawer-filter-label { font-family:'DM Sans',sans-serif; font-size:.9rem; font-weight:600; color:var(--ink); display:flex; align-items:center; gap:8px; }
.pl-drawer-filter-label svg { width:15px; height:15px; color:var(--gray); flex-shrink:0; }
.pl-drawer-filter-value { display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--gray); }
.pl-drawer-filter-value svg { width:10px; height:10px; flex-shrink:0; }
.pl-drawer-filter-active .pl-drawer-filter-value { color:var(--or); font-weight:700; }

.pl-drawer-footer {
    display:flex; gap:10px;
    padding:14px 20px 20px;
    border-top:1px solid var(--border);
    background:var(--white);
    position:sticky; bottom:0;
}
.pl-drawer-reset {
    flex:1; padding:13px 20px;
    background:var(--white); border:1.5px solid var(--border);
    border-radius:100px;
    font-family:'Figtree',sans-serif; font-size:.86rem; font-weight:700; color:var(--gray);
    cursor:pointer; text-align:center;
    transition:border-color .14s,color .14s;
}
.pl-drawer-reset:hover { border-color:var(--or); color:var(--or); }
.pl-drawer-apply {
    flex:2; padding:13px 20px;
    background:var(--or); border:none; border-radius:100px;
    font-family:'Figtree',sans-serif; font-size:.86rem; font-weight:800; color:#fff;
    cursor:pointer; text-align:center;
    box-shadow:0 3px 12px rgba(255,107,0,.35);
    transition:background .14s;
}
.pl-drawer-apply:hover { background:var(--or-deep); }


/* ══════════════════════════════════════════════════════════
   MAIN + GRID
══════════════════════════════════════════════════════════ */
.pl-main { padding:24px 0 32px; }
.pl-main-inner { max-width:1100px; margin:0 auto; padding:0 20px; }

.pl-result-bar { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.pl-result-count { font-size:.83rem; color:var(--gray); }
.pl-result-count strong { font-family:'Figtree',sans-serif; font-size:1rem; font-weight:900; color:var(--ink); }
.pl-result-count em { font-style:normal; color:var(--or); font-weight:700; }

.pl-view-toggle { display:flex; gap:4px; background:var(--white); border:1.5px solid var(--border); border-radius:var(--r-sm); padding:3px; }
.pl-view-btn { width:30px; height:28px; display:flex; align-items:center; justify-content:center; border:none; background:transparent; border-radius:5px; cursor:pointer; color:var(--gray-lt); }
.pl-view-btn svg { width:13px; height:13px; }
.pl-view-btn--active { background:var(--black); color:var(--white); }

.pl-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:32px;
}
.pl-grid--list { grid-template-columns:1fr; }
.pl-grid--list .pl-card { flex-direction:row; }
.pl-grid--list .pl-card-img-wrap { width:200px; flex-shrink:0; height:auto; }
.pl-grid--list .pl-card-body { flex:1; }


/* ══════════════════════════════════════════════════════════
   CARD — compact RefurbMe style
══════════════════════════════════════════════════════════ */
.pl-card {
    background:#FFFFFF;
    border:1px solid #E0E4E8;
    border-radius:10px;
    box-shadow:0 1px 3px rgba(0,0,0,.05), 0 2px 10px rgba(0,0,0,.06);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    position:relative;
    cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pl-card:hover {
    transform:translateY(-4px);
    box-shadow:0 8px 28px rgba(0,0,0,.12);
    border-color:#C8CDD2;
}
.pl-card.pl-card--vis { opacity:1; transform:translateY(0); }
.pl-card.pl-card--vis:hover { transform:translateY(-4px); }

/* "+X deals" badge */
.pl-card-deals {
    position:absolute; top:8px; right:8px; z-index:3;
    background:#FFF8F5; border:1px solid #FFCFB3;
    border-radius:5px; padding:2px 7px;
    font-size:.67rem; font-weight:700; color:var(--or);
}

/* Image area */
.pl-card-img-wrap {
    position:relative;
    background:#FFFFFF;
    height:136px;
    display:flex; align-items:center; justify-content:center;
    padding:14px 18px 8px;
}
.pl-card-img {
    max-height:108px; width:auto;
    object-fit:contain;
    transition:transform .25s ease;
}
.pl-card:hover .pl-card-img { transform:scale(1.04); }

/* Hide quick view overlay */
.pl-card-overlay { display:none !important; }

/* Card body — title + specs, NO border-top */
.pl-card-body {
    padding:6px 14px 6px;
    flex:1;
    border-top:none;
}
.pl-card-title {
    font-family:'DM Sans',sans-serif;
    font-size:.93rem; font-weight:700; color:#1A1A1A;
    margin-bottom:5px; letter-spacing:-.01em; line-height:1.3;
    cursor:pointer; transition:color .15s;
}
.pl-card:hover .pl-card-title { color:var(--or); }

/* Specs — plain stacked text lines, no chip styling */
.pl-card-specs { display:flex; flex-direction:column; gap:0; }
.pl-spec-chip {
    display:block;
    background:transparent; border:none; border-radius:0;
    padding:1px 0;
    font-size:.77rem; font-weight:400; color:#888;
    font-family:'DM Sans',sans-serif;
    line-height:1.55;
}
.pl-spec-chip svg { display:none; }
.pl-spec-chip--storage { background:transparent; border:none; color:#888; }
.pl-spec-chip--chip    { background:transparent; border:none; color:#888; }
.pl-color-dot { display:none; }

/* Condition + seller */
.pl-card-merchant {
    padding:6px 14px 7px;
    font-size:.75rem; color:#999;
    font-family:'DM Sans',sans-serif;
    background:#FFFFFF;
    border-top:1px solid #F0F2F4;
}
.pl-card-merchant svg { display:none; }
.pl-card-merchant span { font-size:.75rem; color:#999; }
.pl-card-merchant strong { color:#444; font-weight:700; }

/* Footer — price left, button right */
.pl-card-foot {
    display:flex; align-items:center; justify-content:space-between;
    padding:8px 14px 11px;
    border-top:1px solid #F0F2F4;
    background:#FFFFFF; gap:8px;
}
.pl-pricing { display:flex; flex-direction:column; gap:2px; }

/* Main price */
.pl-price {
    font-family:'DM Sans',sans-serif;
    font-size:1.25rem; font-weight:800; color:var(--or);
    letter-spacing:-.02em; line-height:1;
}
.pl-price-row { display:flex; align-items:center; gap:5px; margin-top:2px; flex-wrap:wrap; }
.pl-price-new-label { font-size:.7rem; color:#AAAAAA; font-weight:400; }
.pl-price-orig { font-size:.7rem; color:#AAAAAA; font-weight:400; }
.pl-badge-discount { font-size:.7rem; font-weight:700; color:var(--red-dis); }

/* CTA button */
.pl-view-btn-cta {
    display:inline-flex; align-items:center; justify-content:center;
    padding:8px 15px;
    background:var(--or); color:#fff;
    border-radius:7px;
    font-family:'DM Sans',sans-serif; font-size:.79rem; font-weight:700;
    border:none; outline:none; text-decoration:none;
    flex-shrink:0; white-space:nowrap;
    transition:background .14s;
}
.pl-view-btn-cta svg { display:none; }
.pl-view-btn-cta:hover { background:var(--or-deep); color:#fff; }

/* Progress line */
.pl-card-progress {
    position:absolute; top:0; left:0;
    height:3px; width:0%;
    background:linear-gradient(90deg,var(--or-deep),var(--or),var(--or-lt));
    border-radius:0 3px 3px 0; z-index:20; pointer-events:none;
    box-shadow:0 0 8px rgba(255,107,0,.5);
}
.pl-card--loading { pointer-events:none; border-color:rgba(255,107,0,.3) !important; }
.pl-card--loading .pl-card-title { color:var(--or); }


/* ══ EMPTY STATE ══ */
.pl-empty { grid-column:1/-1; background:var(--white); border-radius:var(--r-xl); border:1.5px solid var(--border); padding:72px 32px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; }
.pl-empty-icon { width:88px; height:88px; background:var(--or-pale); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.pl-empty-icon svg { width:46px; height:46px; }
.pl-empty-title { font-family:'Figtree',sans-serif; font-size:1.2rem; font-weight:900; color:var(--ink); }
.pl-empty-sub { font-size:.84rem; color:var(--gray); line-height:1.65; max-width:420px; }
.pl-empty-btn { display:inline-flex; align-items:center; gap:7px; background:var(--or); color:#fff; padding:12px 24px; border-radius:var(--r-sm); font-family:'Figtree',sans-serif; font-size:.9rem; font-weight:800; transition:background .14s; }
.pl-empty-btn:hover { background:var(--or-deep); color:#fff; }


/* ══ PAGINATION ══ */
.pl-pagination { display:flex; flex-direction:column; align-items:center; gap:20px; padding:40px 0 20px; border-top:1.5px solid var(--border); margin-top:12px; }
.pl-next-btn { display:inline-flex; align-items:center; gap:9px; padding:13px 28px; background:var(--or); color:#fff; border-radius:100px; font-family:'Figtree',sans-serif; font-size:.9rem; font-weight:800; border:none; cursor:pointer; box-shadow:0 3px 12px rgba(255,107,0,.35); transition:background .14s; }
.pl-next-btn svg { width:16px; height:16px; }
.pl-next-btn:hover { background:var(--or-deep); }
.pl-page-info { display:flex; align-items:center; gap:8px; font-size:.8rem; color:var(--gray); }
.pl-page-info strong { color:var(--ink); font-weight:800; }
.pl-page-dot { width:3px; height:3px; border-radius:50%; background:var(--border); }
.pl-page-total { color:var(--or); font-weight:700; }
.pl-pager-wrap { display:flex; justify-content:center; }
.pl-pager { display:flex; gap:5px; list-style:none; padding:0; margin:0; flex-wrap:wrap; justify-content:center; }
.pl-page-item a, .pl-page-item span { display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 10px; border:1.5px solid var(--border); border-radius:var(--r-sm); color:var(--ink-2); font-family:'Figtree',sans-serif; font-size:.82rem; font-weight:700; background:var(--white); text-decoration:none; transition:border-color .14s,color .14s,background .14s; cursor:pointer; }
.pl-page-item a svg { width:10px; height:10px; }
.pl-page-item a:hover { border-color:var(--or); color:var(--or); background:var(--or-pale); }
.pl-page-item--active a { background:var(--or); color:#fff; border-color:transparent; box-shadow:0 3px 10px rgba(255,107,0,.32); }
.pl-page-item--active a:hover { color:#fff; background:var(--or-deep); }
.pl-page-item--disabled a { opacity:.35; cursor:not-allowed; pointer-events:none; }
.pl-page-ellipsis { border:none !important; background:transparent !important; color:var(--gray-lt) !important; min-width:24px; }


/* ══ SHORTCUTS ══ */
.pl-shortcuts { background:var(--white); border-top:1.5px solid var(--border); padding:22px 0; }
.pl-shortcuts-inner { max-width:1100px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.pl-shortcuts-lbl { font-size:.67rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#bbb; white-space:nowrap; }
.pl-shortcuts-tags { display:flex; flex-wrap:wrap; gap:8px; }
.pl-sc-tag { display:inline-flex; align-items:center; gap:5px; background:var(--smoke); border:1.5px solid var(--border); border-radius:100px; padding:6px 14px; font-size:.78rem; font-weight:600; color:var(--ink-2); transition:border-color .15s,color .15s,background .15s; }
.pl-sc-tag:hover { border-color:var(--or); color:var(--or); background:var(--or-pale); }
.pl-sc-tag--cart { background:var(--black); border-color:var(--black); color:#fff; }
.pl-sc-tag--cart svg { width:12px; height:12px; }
.pl-sc-tag--cart:hover { background:var(--ink-2); border-color:var(--ink-2); color:#fff; }


/* ══ COLOR CLASSES ══ */
.color-space-gray       { background:#8E8E93; }
.color-silver           { background:#C0C0C0; }
.color-gold             { background:#FFD700; }
.color-rose-gold        { background:#B76E79; }
.color-midnight         { background:#0F0F11; }
.color-starlight        { background:#F8F9FA; border:1px solid #ddd; }
.color-space-black      { background:#1D1D1F; }
.color-black            { background:#000; }
.color-white            { background:#fff; border:1px solid #ddd; }
.color-blue             { background:#007AFF; }
.color-green            { background:#4CD964; }
.color-pink             { background:#FF2D55; }
.color-purple           { background:#9B59B6; }
.color-red              { background:#FF3B30; }
.color-yellow           { background:#FFCC00; }
.color-teal             { background:#5AC8FA; }
.color-natural-titanium { background:#B4AFA8; }
.color-desert-titanium  { background:#C4A882; }
.color-ocean-titanium   { background:#4A7B8C; }
.color-blue-titanium    { background:#5B7FA6; }


/* ══════════════════════════════════════════════════════════
   TABLET ≤900px
══════════════════════════════════════════════════════════ */
@media (max-width:900px) {
    .pl-header { padding:32px 20px 38px; }
    .pl-header-content { grid-template-columns:1fr; }
    .pl-header-thumb { display:none; }
    .pl-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
    .pl-filters-inner { flex-wrap:wrap; }
}


/* ══════════════════════════════════════════════════════════
   MOBILE ≤600px
   - Desktop filter bar hidden → mobile bar shown
   - Mobile filter drawer available
   - Single column cards, compact
══════════════════════════════════════════════════════════ */
@media (max-width:600px) {

    /* Header */
    .pl-header { padding:22px 16px 28px; }
    .pl-brand-row { margin-bottom:12px; }
    .pl-logo { height:34px; }
    .pl-page-title { font-size:1.45rem; margin-bottom:10px; }
    .pl-page-desc { font-size:.8rem; }
    .pl-breadcrumb { margin-bottom:16px; }
    .pl-header-thumb { display:none; }
    .pl-trust-pills { gap:6px; }
    .pl-trust-pill { font-size:.63rem; padding:4px 10px; }

    /* ── Hide desktop filter bar ── */
    .pl-filters-bar { display:none !important; }

    /* ── Mobile filter bar ── */
    .pl-filters-mobile {
        display:flex !important;
        align-items:center;
        gap:8px;
        padding:9px 14px;
        background:var(--white);
        border-bottom:1.5px solid var(--border);
        position:sticky; top:0; z-index:200;
        transition:box-shadow .2s;
    }
    .pl-filters-mobile--stuck { box-shadow:0 4px 20px rgba(0,0,0,.08); }

    .pl-mob-filters-btn {
        display:inline-flex; align-items:center; gap:8px;
        flex:1; padding:10px 16px;
        background:var(--white); border:1.5px solid var(--border);
        border-radius:100px;
        font-family:'DM Sans',sans-serif; font-size:.84rem; font-weight:600; color:var(--ink-2);
        cursor:pointer; white-space:nowrap;
        transition:border-color .15s,background .15s; text-align:left;
    }
    .pl-mob-filters-btn svg { width:15px; height:15px; flex-shrink:0; color:var(--gray); }
    .pl-mob-filters-btn:active { border-color:var(--or); background:var(--or-pale); }

    .pl-mob-count {
        display:inline-flex; align-items:center; justify-content:center;
        background:var(--or); color:#fff;
        font-size:.7rem; font-weight:800;
        width:19px; height:19px; border-radius:50%;
        flex-shrink:0; font-family:'Figtree',sans-serif;
    }

    .pl-mob-icon-btn {
        display:inline-flex; align-items:center; justify-content:center;
        width:42px; height:42px;
        background:var(--white); border:1.5px solid var(--border);
        border-radius:100px; cursor:pointer; flex-shrink:0; color:var(--ink-2);
        transition:border-color .15s,background .15s;
    }
    .pl-mob-icon-btn svg { width:17px; height:17px; }
    .pl-mob-icon-btn:active { border-color:var(--or); background:var(--or-pale); }

    .pl-mob-sort-btn {
        display:inline-flex; align-items:center; gap:6px;
        padding:10px 14px;
        background:var(--black); border:1.5px solid var(--black);
        border-radius:100px;
        font-family:'DM Sans',sans-serif; font-size:.8rem; font-weight:700; color:#fff;
        cursor:pointer; flex-shrink:0; white-space:nowrap;
    }
    .pl-mob-sort-btn svg { width:14px; height:14px; }
    .pl-mob-sort-btn:active { background:var(--ink-2); }

    /* Main */
    .pl-main { padding:16px 0 14px; }
    .pl-main-inner { padding:0 12px; }

    /* Single-column grid */
    .pl-grid { grid-template-columns:1fr !important; gap:10px !important; }

    /* Cards */
    .pl-card { border-radius:10px !important; }
    .pl-card:hover { transform:none !important; box-shadow:0 1px 4px rgba(0,0,0,.06),0 3px 12px rgba(0,0,0,.06) !important; }

    .pl-card-img-wrap { height:120px !important; padding:12px !important; }
    .pl-card-img { max-height:90px !important; }
    .pl-card:hover .pl-card-img { transform:none !important; }

    .pl-card-body { padding:8px 12px 5px !important; }
    .pl-card-title { font-size:.88rem !important; margin-bottom:4px !important; }
    .pl-spec-chip { font-size:.75rem !important; line-height:1.5 !important; }

    .pl-card-merchant { padding:5px 12px 6px !important; }
    .pl-card-merchant span { font-size:.72rem !important; }

    .pl-card-foot { padding:7px 12px 10px !important; }
    .pl-price { font-size:1.1rem !important; }
    .pl-badge-discount { font-size:.67rem !important; }
    .pl-view-btn-cta { padding:7px 13px !important; font-size:.76rem !important; }

    .pl-card-deals { display:none !important; }

    /* Pagination */
    .pl-pagination { padding:24px 0 14px; gap:14px; }
    .pl-next-btn { padding:11px 22px; font-size:.85rem; }
    .pl-page-item a, .pl-page-item span { min-width:34px; height:34px; font-size:.78rem; }

    /* Shortcuts */
    .pl-shortcuts-inner { flex-direction:column; align-items:flex-start; gap:10px; }

    /* Result bar */
    .pl-result-bar { margin-bottom:12px; }
    .pl-view-toggle { display:none; }
}